<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示与可见性</title>
</head>
<body>
<div style="display: block;height: 100px;border: solid black">我</div>
<div style="visibility: hidden;height: 100px;border: solid black">是</div>
<div style="visibility: visible; height: 100px;border: solid black">爸爸</div>
<ul >
    <li>内联1</li>
    <li>内联2</li>
    <li>内联3</li>
    <li>内联4</li>
    <li>内联5</li>
</ul>
<span>我</span>
<span>是</span>
<span>块</span>
<span>级</span>
<style>
    li{
        display: inline;
    }
    span{
        display: block;
    }
</style>
</body>
</html>
